<!DOCTYPE html>


  <html class="light page-post">


<head>
  <meta charset="utf-8">
  
  <title>使用Github Pages 写博客 | 东窗随笔</title>

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  
    <meta name="keywords" content="Github,博客搭建," />
  

  <meta name="description" content="&amp;#x6309;&amp;#x4F8B;&amp;#x5728;&amp;#x642D;&amp;#x5EFA;&amp;#x5B8C;&amp;#x6210;&amp;#x540E;&amp;#x5E94;&amp;#x8BE5;&amp;#x6765;&amp;#x4E00;&amp;#x7BC7;&amp;#xFF0C;&amp;#x4E0D;&amp;#x8FC7;&amp;#x4E3A;&amp;#x4E86;&amp;#x907F;&amp;#x514D;&amp;#x91CD;&amp;#x590D;&amp;#x9020;&amp;#x8F6E;&amp;#x5B50;">
<meta property="og:type" content="article">
<meta property="og:title" content="使用Github Pages 写博客">
<meta property="og:url" content="http://hanlyjiang.github.io/2014/06/30/build-blog-with-github-pages-using-bootstrap/index.html">
<meta property="og:site_name" content="东窗随笔">
<meta property="og:description" content="&amp;#x6309;&amp;#x4F8B;&amp;#x5728;&amp;#x642D;&amp;#x5EFA;&amp;#x5B8C;&amp;#x6210;&amp;#x540E;&amp;#x5E94;&amp;#x8BE5;&amp;#x6765;&amp;#x4E00;&amp;#x7BC7;&amp;#xFF0C;&amp;#x4E0D;&amp;#x8FC7;&amp;#x4E3A;&amp;#x4E86;&amp;#x907F;&amp;#x514D;&amp;#x91CD;&amp;#x590D;&amp;#x9020;&amp;#x8F6E;&amp;#x5B50;">
<meta property="og:updated_time" content="2016-12-08T10:13:52.796Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="使用Github Pages 写博客">
<meta name="twitter:description" content="&amp;#x6309;&amp;#x4F8B;&amp;#x5728;&amp;#x642D;&amp;#x5EFA;&amp;#x5B8C;&amp;#x6210;&amp;#x540E;&amp;#x5E94;&amp;#x8BE5;&amp;#x6765;&amp;#x4E00;&amp;#x7BC7;&amp;#xFF0C;&amp;#x4E0D;&amp;#x8FC7;&amp;#x4E3A;&amp;#x4E86;&amp;#x907F;&amp;#x514D;&amp;#x91CD;&amp;#x590D;&amp;#x9020;&amp;#x8F6E;&amp;#x5B50;">

  

  
    <link rel="icon" href="/favicon.ico">
  

  <link href="/css/styles.css?v=d671a41f" rel="stylesheet">


  
    <link rel="stylesheet" href="/css/personal-style.css">
  

  

  
  <script type="text/javascript">
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "//hm.baidu.com/hm.js?57e94d016e201fba3603a8a2b0263af0";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>



  
    <script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
  

  
    <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.3.0/css/font-awesome.min.css">
  
</head>

<body>


  
    <span id="toolbox-mobile" class="toolbox-mobile">观乎</span>
  

  <div class="post-header CENTER">
   
  <div class="toolbox">
    <a class="toolbox-entry" href="/">
      <span class="toolbox-entry-text">观乎</span>
      <i class="icon-angle-down"></i>
      <i class="icon-home"></i>
    </a>
    <ul class="list-toolbox">
      
        <li class="item-toolbox">
          <a
            class="ROUND_RECT"
            href="/archives/"
            rel="noopener noreferrer"
            target="_self"
            >
            博客
          </a>
        </li>
      
        <li class="item-toolbox">
          <a
            class="ROUND_RECT"
            href="/category/"
            rel="noopener noreferrer"
            target="_self"
            >
            分类
          </a>
        </li>
      
        <li class="item-toolbox">
          <a
            class="ROUND_RECT"
            href="/tag/"
            rel="noopener noreferrer"
            target="_self"
            >
            标签
          </a>
        </li>
      
        <li class="item-toolbox">
          <a
            class="ROUND_RECT"
            href="/about/"
            rel="noopener noreferrer"
            target="_self"
            >
            关于
          </a>
        </li>
      
        <li class="item-toolbox">
          <a
            class="ROUND_RECT"
            href="/atom.xml"
            rel="noopener noreferrer"
            target="_blank"
            >
            RSS
          </a>
        </li>
      
        <li class="item-toolbox">
          <a
            class="ROUND_RECT"
            href="/search/"
            rel="noopener noreferrer"
            target="_self"
            >
            搜索
          </a>
        </li>
      
    </ul>
  </div>


</div>




<div class="content content-post CENTER">
   <article id="post-build-blog-with-github-pages-using-bootstrap" class="article article-type-post" itemprop="blogPost">
  <header class="article-header">
    <h1 class="post-title">使用Github Pages 写博客</h1>

    <div class="article-meta">
      <span>
        <i class="icon-calendar"></i>
        <span>2014.06.30</span>
      </span>

      
        <span class="article-author">
          <i class="icon-user"></i>
          <span>hanlyjiang@outlook.com</span>
        </span>
      

      
  <span class="article-category">
    <i class="icon-list"></i>
    <a class="article-category-link" href="/categories/杂项/">杂项</a> / <a class="article-category-link" href="/categories/杂项/博客/">博客</a>
  </span>



      
        <span>
          <i class="icon-comment"></i>
          <a href="http://hanlyjiang.site/2014/06/30/build-blog-with-github-pages-using-bootstrap/#disqus_thread"></a>
        </span>
      

      
      <i class="fa fa-eye"></i> 
        <span id="busuanzi_container_page_pv">
           &nbsp热度 <span id="busuanzi_value_page_pv">
           <i class="fa fa-spinner fa-spin"></i></span>℃
        </span>
      

      
      
    </div>
  </header>

  <div class="article-content">
    
      <p>&#x6309;&#x4F8B;&#x5728;&#x642D;&#x5EFA;&#x5B8C;&#x6210;&#x540E;&#x5E94;&#x8BE5;&#x6765;&#x4E00;&#x7BC7;&#xFF0C;&#x4E0D;&#x8FC7;&#x4E3A;&#x4E86;&#x907F;&#x514D;&#x91CD;&#x590D;&#x9020;&#x8F6E;&#x5B50;&#xFF0C;&#x53EA;&#x5199;&#x4E00;&#x4E9B;&#x6211;&#x64CD;&#x4F5C;&#x8FC7;&#x7A0B;&#x4E2D;&#x9047;&#x5230;&#x7684;&#x95EE;&#x9898;&#xFF0C;&#x5E76;&#x7B80;&#x5355;&#x8BB0;&#x5F55;&#x4E00;&#x4E0B;&#x64CD;&#x4F5C;&#x8FC7;&#x7A0B;&#x3002;&#x5176;&#x5B9E;&#x4E4B;&#x524D;&#x641E;&#x8FC7;&#x4E00;&#x6B21;&#xFF0C;&#x4F7F;&#x7528;&#x7684;&#x662F;octpress&#xFF0C;&#x8FD9;&#x6B21;&#x7528;&#x7684;&#x662F;bootstrap&#x3002;&#x4E4B;&#x524D;&#x7684;&#x535A;&#x5BA2;&#x5730;&#x5740;&#xFF1A;<a href="&quot;https://libelosophy.github.com&quot;">Blog on the way</a>.</p>
<p>&#x53C2;&#x8003;&#x7684;&#x4E00;&#x4E9B;&#x6587;&#x7AE0;&#xFF1A;    </p>
<ol>
<li><a href="http://jekyllbootstrap.com/usage/jekyll-quick-start.html" target="_blank" rel="external">Jekyll QuickStart-Host on GitHub in 3 Minutes</a>    </li>
<li><a href="http://www.cnblogs.com/lslvxy/p/3402182.html" target="_blank" rel="external">GitHub Pages &#x642D;&#x5EFA;&#x6D41;&#x7A0B;-&#x57FA;&#x4E8E;jekyll-bootstrap</a> &#x5728;window&#x4E0A;&#x64CD;&#x4F5C;&#xFF0C;&#x73B0;&#x5728;&#x6B63;&#x5728;windows&#x64CD;&#x4F5C;&#x3002;<br>&#x5DEE;&#x4E0D;&#x591A;&#x5C31;&#x8FD9;&#x4E86;&#xFF0C;&#x4E4B;&#x524D;&#x5728;ubuntu&#x4E0A;&#x64CD;&#x4F5C;&#x65F6;&#x9047;&#x5230;&#x51E0;&#x4E2A;&#x95EE;&#x9898;&#xFF0C;&#x90FD;&#x8BB0;&#x5F55;&#x5728;ubuntu&#x4E0A;&#x3002;<br>&#x64CD;&#x4F5C;&#x8FC7;&#x7A0B;&#x7B80;&#x5355;&#x7684;&#x5199;&#x4E00;&#x4E0B;&#xFF0C;&#x4E3B;&#x8981;&#x5199;&#x95EE;&#x9898;&#x3002;</li>
</ol>
<ul>
<li><p>ssh-keygen -t rsa -C &#x201C;username@email.com&#x201D; </p>
<p>  &#x751F;&#x6210;&#x516C;&#x94A5;&#x7684;&#x65F6;&#x5019;&#xFF0C;&#x9047;&#x5230;&#x4E86;&#x95EE;&#x9898;&#xFF0C;&#x5982;&#x679C;&#x4F7F;&#x7528;cmd&#x547D;&#x4EE4;&#x884C;&#x73AF;&#x5883;&#xFF0C;&#x4F1A;&#x627E;&#x4E0D;&#x5230;&#x8DEF;&#x5F84;&#xFF0C;&#x5728;&#x4F7F;&#x7528;devkit&#x4E2D;&#x7684;msys&#x4F5C;&#x4E3A;&#x547D;&#x4EE4;&#x884C;&#x73AF;&#x5883;&#x4E4B;&#x540E;&#x53EF;&#x4EE5;&#x89E3;&#x51B3;&#x3002;</p>
</li>
<li><p>gem install jekyll &#x51FA;&#x9519; &#x4F1A;&#x63D0;&#x793A;&#x67D0;gz&#x6587;&#x4EF6;&#x65E0;&#x6CD5;&#x4E0B;&#x8F7D;</p>
<p>  &#x89E3;&#x51B3;&#x662F;&#x770B;&#x5230;&#x4E86;&#x6240;&#x6307;&#x793A;<a href="&quot;http://rubygems.org/pages/download&quot;">gem&#x9875;&#x9762;</a>&#x7684;&#x4E00;&#x6761;&#x547D;&#x4EE4;&#xFF1A;gem update &#x2013;system ,&#x4E4B;&#x540E;&#x518D;&#x5B89;&#x88C5;jekyll&#x6CA1;&#x6709;&#x95EE;&#x9898;&#x3002;</p>
</li>
</ul>
<p>&#x5DEE;&#x4E0D;&#x591A;&#x4E86;&#xFF0C;&#x4E3B;&#x8981;&#x5C31;&#x8FD9;&#x4E24;&#x4E2A;&#x95EE;&#x9898;&#x3002;</p>
<p>&#x6700;&#x540E;&#x8BF4;&#x4E00;&#x4E2A;&#x60F3;&#x6CD5;&#xFF0C;&#x6211;&#x6BD4;&#x8F83;&#x559C;&#x6B22;&#x7528;&#x624B;&#x673A;&#x968F;&#x4FBF;&#x8BB0;&#x5F55;&#x70B9;&#x4EC0;&#x4E48;&#xFF0C;&#x4E5F;&#x8BB8;&#x53EF;&#x4EE5;&#x5229;&#x7528;git &#x7684;api &#x6765;&#x5199;&#x4E2A;&#x624B;&#x673A;&#x5E94;&#x7528;&#x3002;</p>
<p>&#x66F4;&#x65B0;&#x4E00;&#x4E0B;&#x63D0;&#x4EA4;&#x5230;github&#x540E;&#x9047;&#x5230;&#x7684;&#x95EE;&#x9898;&#x548C;&#x4E00;&#x4E9B;&#x8BB0;&#x5F55;&#xFF1A;</p>
<ol>
<li>&#x53EF;&#x4EE5;&#x5728;&#x672C;&#x5730;&#x4F7F;&#x7528;jekyll &#x6765;build</li>
<li>&#x6709;&#x65F6;&#x4F1A;&#x51FA;&#x73B0;&#x4E0A;&#x4F20;&#x540E;&#x6CA1;&#x6709;&#x66F4;&#x65B0;&#x7684;&#x60C5;&#x51B5;&#xFF0C;&#x6CE8;&#x610F;&#x4E0B;&#x90AE;&#x7BB1;&#x4E2D;&#x7684;&#x901A;&#x77E5;&#xFF0C;&#x5982;&#xFF1A;<br>The page build failed with the following error:<br>The file <code>_posts/2014-06-29-build-blog-with-github-pages.md</code> contains markdown errors. For more information, see <a href="https://help.github.com/articles/page-build-failed-markdown-errors" target="_blank" rel="external">https://help.github.com/articles/page-build-failed-markdown-errors</a>.<br>If you have any questions please contact us at <a href="https://github.com/contact" target="_blank" rel="external">https://github.com/contact</a>.</li>
<li>&#x4E00;&#x76F4;&#x51FA;&#x4E0A;&#x9762;&#x7684;&#x9519;&#x8BEF;&#xFF0C;&#x4F9D;&#x7167;<a href="&quot;https://help.github.com/articles/migrating-your-pages-site-from-maruku&quot;">github&#x7684;help</a>&#x4FEE;&#x6539;_config.yml&#x518D;push&#x5C31;&#x6CA1;&#x6709;&#x9519;&#x4E86;&#xFF0C;&#x6574;&#x4E86;&#x534A;&#x5929;&#x3002;<br>&#x6DFB;&#x52A0;&#x4E00;&#x884C;&#xFF1A;        <pre><code>markdown: kramdown
</code></pre></li>
</ol>
<p>build blog with github pages using bootstrap</p>

    
  </div>
</article>

</div>


  <div class="text-center donation">
    <div class="inner-donation">
      <span class="btn-donation">支持一下</span>
      <div class="donation-body">
        <div class="tip text-center">扫一扫，支持HanlyJiang</div>
        <ul class="theme.donation.items.length">
        
          <li class="item">
            <img src="/images/qr-wechat.png" alt="">
          </li>
        
          <li class="item">
            <img src="/images/qr_zhifubao.jpg" alt="">
          </li>
        
        </ul>
      </div>
    </div>
  </div>




  <a id="backTop" class="back-top">
    <i class="icon-angle-up"></i>
  </a>




  <div class="modal" id="modal">
  <span id="cover" class="cover hide"></span>
  <div id="modal-dialog" class="modal-dialog hide-dialog">
    <div class="modal-header">
      <span id="close" class="btn-close">关闭</span>
    </div>
    <hr>
    <div class="modal-body">
      <ul class="list-toolbox">
        
          <li class="item-toolbox">
            <a
              class="ROUND_RECT"
              href="/archives/"
              rel="noopener noreferrer"
              target="_self"
              >
              博客
            </a>
          </li>
        
          <li class="item-toolbox">
            <a
              class="ROUND_RECT"
              href="/category/"
              rel="noopener noreferrer"
              target="_self"
              >
              分类
            </a>
          </li>
        
          <li class="item-toolbox">
            <a
              class="ROUND_RECT"
              href="/tag/"
              rel="noopener noreferrer"
              target="_self"
              >
              标签
            </a>
          </li>
        
          <li class="item-toolbox">
            <a
              class="ROUND_RECT"
              href="/about/"
              rel="noopener noreferrer"
              target="_self"
              >
              关于
            </a>
          </li>
        
          <li class="item-toolbox">
            <a
              class="ROUND_RECT"
              href="/atom.xml"
              rel="noopener noreferrer"
              target="_blank"
              >
              RSS
            </a>
          </li>
        
          <li class="item-toolbox">
            <a
              class="ROUND_RECT"
              href="/search/"
              rel="noopener noreferrer"
              target="_self"
              >
              搜索
            </a>
          </li>
        
      </ul>

    </div>
  </div>
</div>



  
      <div class="fexo-comments comments-post">
    
  <section class="disqus-comments">
    <div id="disqus_thread">
      <noscript>Please enable JavaScript to view the <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
    </div>
  </section>

  <script>
    var disqus_shortname = 'forsigner';
    
    var disqus_url = 'http://hanlyjiang.github.io/2014/06/30/build-blog-with-github-pages-using-bootstrap/';
    
    (function(){
      var dsq = document.createElement('script');
      dsq.type = 'text/javascript';
      dsq.async = true;
      dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
  </script>

  <script id="dsq-count-scr" src="//forsigner.disqus.com/count.js" async></script>



    




  </div>

  

  <script type="text/javascript">
  function loadScript(url, callback) {
    var script = document.createElement('script')
    script.type = 'text/javascript';

    if (script.readyState) { //IE
      script.onreadystatechange = function() {
        if (script.readyState == 'loaded' ||
          script.readyState == 'complete') {
          script.onreadystatechange = null;
          callback();
        }
      };
    } else { //Others
      script.onload = function() {
        callback();
      };
    }

    script.src = url;
    document.getElementsByTagName('head')[0].appendChild(script);
  }

  window.onload = function() {
    loadScript('/js/bundle.js?235683', function() {
      // load success
    });
  }
</script>

</body>
</html>
